<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head lang="zh-CN">
    <link rel="stylesheet" href="${basePath}/web/css/bootstrap.css">
    <link rel="stylesheet" href="${basePath}/web/css/my.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
          charset="UTF-8">
    <title>科技在线交易系统</title>
</head>
<body>

<div class="container-fluid">
    <div class="row-fluid">

        <div class="line-height"></div>
        <div class="col-xs-3">
        </div>
        <div class="col-xs-6">
            <div class="row">
                <div class="col-xs-6">
                    <h1 class="text-center login-font">
                        免费注册
                    </h1>
                </div>
                <div class="col-xs-6">

                </div>
            </div>
            <form class="form" action="/web/login/registry" method="post" >
                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group input-margin">
                            <label for="account" class="sr-only">用户名</label>
                            <input type="text" class="form-control input-lg" id="account" name="account" placeholder="用户名">
                        </div>
                        <span class="text-danger" id="errorAccount"></span>
                    </div>
                    <div class="col-xs-6">

                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group input-margin">
                            <label for="password" class="sr-only">密码</label>
                            <input type="password" class="form-control input-lg" id="password" name="password" placeholder="密码">
                        </div>
                        <span class="text-danger"  id="errorPassword"></span>
                    </div>
                    <div class="col-xs-6">

                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <div class="form-group input-margin">
                            <div class="col-xs-6" style="padding:0px">
                                <label for="vCode" class="sr-only">验证码</label>
                                <input type="text" class="form-control input-lg" id="vCode" name="vCode" placeholder="验证码">
                            </div>
                            <div class="col-xs-5" style="padding:0px; float: right">
                                <img class="img-valid" id="vCodeId" onclick="toggleValidCode()" src="/web/validCode"/>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6">

                    </div>
                </div>
                <span class="text-danger " id="errorCode"></span>
                <c:if test="${!empty msg}">
                    <span class="text-danger" id="errorMsg">${msg}</span>
                </c:if>
                <div class="row">
                    <div class="col-xs-6">
                        <button type="submit" class="input-btn">立即注册</button>
                    </div>
                    <div class="col-xs-6">

                    </div>
                </div>

            </form>
        </div>
        <div class="col-xs-3">
        </div>
    </div>
</div>


    <script type="text/javascript" src="${basePath}/web/js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="${basePath}/web/js/bootstrap.js"></script>
    <script type="text/javascript" src="${basePath}/web/page/login/registry.js"></script>
</body>
</html>